@charset "utf-8";


/**私人定制**/
.srdzBox{ width: 100%; height: auto; margin: 0 auto; background: url(../images/srdz/srdz_bg.jpg) no-repeat;}

.clearfix{*zoom:1;}.clearfix:after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:".";}
.fl { float:left; display:inline; } .fr { float:right; display:inline; }
.r4{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.r10{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.f20{ font-size: 20px;} .f18{ font-size: 18px;} .f16{ font-size: 16px;}

.order-wrap{ width: 1200px; min-width: 1200px;min-height:925px;  margin: 0 auto;}
.order-box{ width: 1200px; }
.wl{ width: 600px; padding-top: 80px;}
.wr{ width: 460px; padding-top: 80px;}
.f-rbox .f-radio .f-rd-icon,.f-drop .f-toggle,.vs-box .vs-no,.our-item .i-dot,.dest-close,.order-pop-close,.icon-sao{background: url(../images/icon_order.png) no-repeat;}
.form-wrap{ width: 100%; padding:20px; background:rgba(0, 0, 0, .3) none repeat scroll 0 0 !important; filter:alpha(opacity=30); background:#000;}
.form-hd{ color: #FFF; padding: 15px 40px; position: relative;}
.form-hd .h-h{ font-size: 32px; font-weight: bold; text-align: center;}
.form-hd .h-p{ font-size: 16px; text-align: center; padding-top: 10px;}
.form-hd .h-p i{ display: inline-block; height: 10px; width: 144px; border-bottom: 1px solid #F80; margin: 0 25px; position: relative; top: -5px;}

.form-bd{ padding: 25px 0 0 60px; position: relative;}
.main-form{ width: 480px; height: auto;}
.form-item{ width: 480px; height: 40px;margin-bottom: 10px; border: 1px solid #FFF; background: #FFF;color: #838383;border-radius: 5px;}
.f-dest-l{ float: left; width: 139px; height: 40px; border-right:1px solid #e8e8e8; background: #fff; }
.f-dest-l em{display: inline-block; float: left;  width: 25px; height: 25px;}
.f-dest-l em.i-dest{ background-position: 0px 0px ; margin: 11px 0 0 10px;}
.f-dest-l em.i-with{ background-position: 0px -32px ; margin: 12px 0 0 10px;}
.f-dest-l em.i-time{ background-position: 0px -65px ; margin: 12px 0 0 10px;}
.f-dest-l .intro {display: inline-block; float: left; padding-left: 5px; width: 95px; line-height: 38px; font-size: 14px;}
.f-dest-l .intro font{ color: #f90; font-weight: 700;}
.form-item input{ float: left; width: 308px;height: 10px;padding: 15px 20px 15px 12px;line-height: 18px;border: 0;outline: 0;background: #FFF; font-size: 14px; }

.f-btns{ padding:10px 0;}
.f-btn-normal{ display: block; width: 480px; background-color: #11CD84; border: 1px solid #12BD8d; color: #FFF; text-align: center; margin-bottom: 15px; font: 100 20px/48px "Microsoft YaHei",Arial,"宋体";cursor: pointer;}
.f-btn-disable{ background-color: #a3a3a3; border-color: #a3a3a3; color: #e0e0e0;}

.our-item dt span,.vs-box .vs-icon-1,.vs-box .vs-icon-2{ background: url(../images/srdz_ys.png) no-repeat; _background: url(../images/srdz_ys.png) no-repeat;}
.vs-line{ display: block; width: 100%; height: 10px; font-size: 0; line-height: 0; border-top: 1px solid #84807e;}
.vs-box{ width: 330px; padding:30px 0; padding-left: 130px;}
.vs-box .vs-icon-1{ float: left; display: block; width: 95px; height: 106px; background-position:0 0; margin: 20px 0 0 -130px; _margin-left: -65px;}
.vs-box .vs-icon-2{ float: left;display: block; width: 95px; height: 106px; background-position: 0 -150px; margin: 20px 0 0 -130px; _margin-left: -65px;}
.vs-box .vs-intro{ color: #FFF; font-size: 14px; padding-left: 20px; }
.vs-box .vs-intro dt{ font-size: 36px; padding:10px 0;}
.vs-box .vs-intro dd{ line-height: 22px;}
.vs-box .vs-text{ overflow: hidden; padding-left: 18px;}
.vs-box .vs-no{ float: left; display: inline-block; width: 14px; height: 14px; font-size: 0; background: url(../images/icon_order.png) no-repeat; background-position: 0 -140px; margin-top: 5px; margin-left: -18px;}

.f-destination{ position: relative;}
.destination-list{ width: 480px; height: auto; background-color: #FFF; border:1px solid #FFF; overflow: hidden; position: absolute; left: -1px; right: 0; top: 51px;}
.dest-close{ display: inline-block; width: 17px; height: 17px; background-position: 0px -198px; position: absolute; right: 0; top: 0; cursor: default;}
.dest-box{ padding:0 10px;}
.dest-box .dest-hd{ border-bottom: 1px solid #d9d9d9;}
.dest-box .dest-hd .dest-tab{ padding-top: 5px; }
.dest-box .dest-hd .dest-tab li{ float: left; display: inline-block; text-align: center; cursor: pointer; height: 30px; line-height: 30px; font-size: 14px; color: #787878; padding:0 10px;}
.dest-box .dest-hd .dest-tab .tab-current span{ display: inline-block; height: 29px; border-bottom: 2px solid #2bba9e; color: #2bba9e; }
.dest-box .dest-bd{ padding:10px 0;}
.dest-cont{ overflow: hidden;}
.dest-cont li{ display: inline-block; float: left;width: 72px;margin: 0 2px; padding: 3px 0; text-align: left;}
.dest-cont li a{ display: inline-block;text-align: left;color: #333; font-size: 13px; padding: 0 5px;width: 62px; height: 22px; line-height: 22px; white-space: nowrap; overflow: hidden;}
.dest-cont li a:hover,.dest-cont li a >*:hover{ background-color: #4adec0; color: #fff; text-decoration: none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.dest-cont li a:hover{ background-color: #4adec0; color: #fff; text-decoration: none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.dest-cont .dest-selected a,.dest-cont .dest-selected a>*{ display: inline-block; background-color: #ebf4ee; color: #3eb166; text-decoration: none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.dest-cont .dest-selected a{display: inline-block; background-color: #ebf4ee; color: #3eb166; text-decoration: none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.dest-btns{ border-top: 1px solid #d9d9d9; padding:10px; text-align: center;}
.btn-confirm{ display: inline-block; min-width: 100px; text-align: center; color: #FFF; background-color: #11CD84; border:1px solid #11CD84; padding: 8px 15px; margin: 5px;}
.btn-confirm:hover,.btn-confirm>*:hover{ color: #FFF; text-decoration: none; background-color: #0FBC79;}
.btn-block{ display: block; }
.btn-border{ background: none; border:1px solid #3eb166; color: #3eb166;}
.btn-border:hover,.btn-border>*:hover{}
.btn-forbid,.btn-forbid:hover,.btn-forbid>*:hover{ background-color: #a3a3a3; border-color: #a3a3a3; color: #e0e0e0; cursor: default;}
.year-list{ width: 114px;}
.year-list li{ display: block; height: 40px; line-height: 40px; }
.month-list { width: 104px; padding:5px;}
.month-list li{ display: block; float: left; }
.month-list li .not-sure{ width: 102px; border:1px solid #ada59e; height: 28px; line-height: 28px; text-align: center; margin-bottom: 4px;}
.date-list { width: 218px; padding:5px;}
.date-list li{ display: block; float: left; }
.date-list li .not-sure{ width: 216px; border:1px solid #ada59e; height: 28px; line-height: 28px; text-align: center; margin-bottom: 4px;}

/*设施*/
.our-wrap{ padding: 30px 0;}
.our-hd{ width: 100%; text-align: center; padding: 10px;}
.our-hd{  position: relative;}
.our-hd em{ display: inline-block; width: 1200px; height: 1px; background: url(../images/line.png) no-repeat; position: absolute; left: 0 ;top: 50px;}
.our-hd .our-tit{ display: inline-block; width: 695px; height: 80px; line-height: 80px; color: #FFF; font-weight: bold; font-size: 18px; background-position: 0 0;}
.our-bd{ overflow: hidden; padding-top:10px; }
.our-item{ float: left; width: 250px; overflow: hidden; padding-left: 110px; font-size: 14px; color: #FFF; line-height: 22px; margin-right: 60px; zoom:1;}
.our-item dt{ float: left; width: 81px; height: 44px; margin-left: -110px; _margin-left: -55px; background: url(../images/icon_order.png) no-repeat 0 -258px; font: 700 16px/40px "Microsoft YaHei",Arial,"宋体"; text-align: center;}
.our-item dt span{ display: inline-block; width: 40px; height: 45px; background: url(../images/icon_order.png) no-repeat; margin: 20px 0 0 6px;}
.our-item dt .our-i-1{ background-position: 0 -323px;}
.our-item dt .our-i-2{ background-position: 0 -383px;}
.our-item dt .our-i-3{ background-position: 0 -433px;}
.our-item dd{ float: right; width:245px; height: 135px;}
.our-item dd p em{ display: inline-block; float: left; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 8px 5px 0 0;}

/* validation */
.form-item .validation-tips {display: none;line-height: 20px;padding: 0 5px;position: absolute;z-index: 60;top: -16px;right: 0;}
.form-error .validation-tips{background-color: #ed787f;color: #fff;display: block;}
.form-focus .validation-tips {background-color: #bad5ca;color: #fff;display: block;}
.form-item .validation-icon {width: 22px;height: 22px;position: absolute;top: 50%;margin-top: -10px;right: 10px;background: url(../images/icon_order.png) no-repeat;}
.form-error .validation-icon {display: block;background-position: 0px -650px;}
.form-pass .validation-icon {display: block;background-position: 0px -677px;}
.pop-form  .validation-icon{ right: -30px;}
.pop-form .validation-tips{ top: -20px;}

/*弹窗*/
/* pop */
.order-pop-mask { z-index:9999; position:fixed; _position:absolute; top:0; left:0; right: 0; bottom: 0; width:100%; height:100%;background:#000000; filter:alpha(opacity=70); background:rgba(0, 0, 0, 0.7);}
.order-pop-wrap { width:470px; min-height: 80px; background:#e8e8e8; position:absolute; left:50%; top:50%; margin-left:-235px; margin-top:-250px; z-index:10000;}
.order-pop-close{ display: block; cursor: default; width: 36px; height: 36px; background-position: 0 -496px; position: absolute; right: 10px;top:10px; cursor: pointer; text-indent: -9999em; }
.order-pop-box { padding:30px 10px;  }
.order-pop-hd{ padding:15px; text-align: center; }
.hd-h2{ font-size: 24px; line-height: 36px;}
.hd-p1{ border-bottom: 1px solid #d1d1d1; text-align: center; height: 20px;}
.hd-p1 span{ display: inline-block; font-size: 14px; color: #999; background-color: #e8e8e8; padding: 0 20px; line-height: 20px; position: relative; bottom: -10px;}
.hd-p2{ font-size: 16px; text-align: center; color: #858585; padding-top: 20px;}
.order-pop-bd{ padding:30px 0;}
.pop-form{ padding-left: 80px;}
.pop-form .form-item{ width: 280px;}
.pop-form .intro{ float: left; width:60px; padding-left:15px; line-height: 40px;}
.pop-form .form-input{ width: 180px; padding: 15px 10px 15px 10px;}
.pop-btns{ padding:0 83px 0 75px;}
.qrcode-area{ background-color: #FFF; padding: 12px; margin: 0 auto; width: 189px; height: 189px; position: relative;}
.icon-sao{ display: block; width: 84px; height: 64px; background-position: 0 -375px; position: absolute; right: -77px; top: -33px;}
